<template>
    <section class="teach-wrapper">
        <p>
            <span>国内最高学历：</span><span>{{ teacherInfo.highestDegree  }}</span>
        </p>
        <p class="border-b">
            <span>审核状态：</span><span>{{ teacherInfo.auditStatus ? '通过' : '未通过' }}</span>
        </p>
        <p class="border-b">
            <span>国内最高学位：</span><span>{{ teacherInfo.highestDiploma }}</span>
        </p>
        <p>
            <span>是否持有职业证书：</span><span>{{ teacherInfo.hasProfessionalCertificate ? '是' : '否' }}</span>
        </p>
    </section>
</template>

<script setup lang="ts">
import { ref } from 'vue'

const teacherInfo = ref({
    highestDegree: '研究生学位',
    auditStatus: '1',
    highestDiploma: '硕士学位',
    hasProfessionalCertificate: '1'
})
</script>

<style scoped lang="scss">
.teach-wrapper{
    font-size: 14px;
    p{
        padding: 20px 0;
        :first-child{
            font-weight: 700;
        }
    }
    .border-b{
        border-bottom: 1px solid #f0f0f0;
    }
}
</style>